<template>
  <div class="page_repay_success mask">
<!--    <van-nav-bar title="Repayment"></van-nav-bar>-->
    <HederTop title="Repayment"></HederTop>
    <div class="result_content">
      <div class="result_tips_img"><img src="~@/assets/imgs/icon/success.png" alt="success" /></div>
      <div class="result_tips_title">Repayment Success</div>
      <div class="result_tips_desc">You have successfully repaid at<br>{{ new Date() | formatDate('MM-dd-yyyy hh:mm') }}</div>
    </div>
  </div>
</template>

<script>
import { NavBar } from 'vant';
import HederTop from '@/components/header-top'

export default {
  name: 'repay-success',
  components: {
    [NavBar.name]: NavBar,
    HederTop
  },
  data() {
    return {};
  }
};
</script>

<style lang="scss">

[data-page=repay-success] {
  body {
    background: white;
  }

  .van-nav-bar__content {
    height: 90px;
    line-height: 90px;
  }
  .van-nav-bar__title {
    font-size: 36px;
    color: #000;
  }

  .result_content {
    text-align: center;

    width: 650px;
    background: #FFFFFF;
    border-radius: 16px;
    margin: 300px auto;
    padding: 44px 0 62px;

    .result_tips_img img {
      width: 200px;
      height: 200px;
    }
    .result_tips_title {
      margin-top: 40px;
      font-size: 32px;
      color: #70FABC;
      line-height: 42px;
      font-weight: bold;
    }
    .result_tips_desc {
      margin-top: 16px;
      font-size: 28px;
      color: #666666;
      line-height: 40px;
    }
  }
}
</style>
